{# Copyright The IETF Trust 2015, All Rights Reserved #}
{% extends "base.html" %}
{% load origin %}
{% block title %}
    User settings
{% endblock %}
{% block content %}
    {% origin %}
    <h1>User settings</h1>
    <p>
        The following settings are implemented using cookies, so if you have
        cookies disabled then you will not be able to change the settings
        (everything still continues to work by using default settings).
    </p>
    <h2 class="mt-4">How many days is considered "new"?</h2>
    <p>
        This setting affects how many days are considered "new enough" to get the special highlighting in the documents table. The default setting is {{ defaults.new_enough }} days.
    </p>
    <p class="btn-group d-flex">
        <a class="btn btn-outline-primary
                  {% if new_enough ==  '7' %}
                      active
                  {% endif %}"
           href="{% url 'ietf.cookies.views.new_enough' days=7 %}">
            7 days
        </a>
        <a class="btn btn-outline-primary
                  {% if new_enough == '14' %}
                      active
                  {% endif %}"
           href="{% url 'ietf.cookies.views.new_enough' days=14 %}">
            14 days
        </a>
        <a class="btn btn-outline-primary
                  {% if new_enough == '21' %}
                      active
                  {% endif %}"
           href="{% url 'ietf.cookies.views.new_enough' days=21 %}">
            21 days
        </a>
        <a class="btn btn-outline-primary
                  {% if new_enough == '30' %}
                      active
                  {% endif %}"
           href="{% url 'ietf.cookies.views.new_enough' days=30 %}">
            30 days
        </a>
        <a class="btn btn-outline-primary
                  {% if new_enough == '60' %}
                      active
                  {% endif %}"
           href="{% url 'ietf.cookies.views.new_enough' days=60 %}">
            60 days
        </a>
        <a class="btn btn-outline-primary
                  {% if new_enough == '90' %}
                      active
                  {% endif %}"
           href="{% url 'ietf.cookies.views.new_enough' days=90 %}">
            90 days
        </a>
    </p>
    <h2 class="mt-4">How many days is considered "soon"?</h2>
    <p>
        This setting tells what is considered "soon" when showing documents that are going to be expire soon. The Default setting is {{ defaults.expires_soon }} days.
    </p>
    <p class="btn-group d-flex">
        <a class="btn btn-outline-primary
                  {% if expires_soon ==  '7' %}
                      active
                  {% endif %}"
           href="{% url 'ietf.cookies.views.expires_soon' days=7 %}">
            7 days
        </a>
        <a class="btn btn-outline-primary
                  {% if expires_soon == '14' %}
                      active
                  {% endif %}"
           href="{% url 'ietf.cookies.views.expires_soon' days=14 %}">
            14 days
        </a>
        <a class="btn btn-outline-primary
                  {% if expires_soon == '21' %}
                      active
                  {% endif %}"
           href="{% url 'ietf.cookies.views.expires_soon' days=21 %}">
            21 days
        </a>
        <a class="btn btn-outline-primary
                  {% if expires_soon == '30' %}
                      active
                  {% endif %}"
           href="{% url 'ietf.cookies.views.expires_soon' days=30 %}">
            30 days
        </a>
        <a class="btn btn-outline-primary
                  {% if expires_soon == '60' %}
                      active
                  {% endif %}"
           href="{% url 'ietf.cookies.views.expires_soon' days=60 %}">
            60 days
        </a>
        <a class="btn btn-outline-primary
                  {% if expires_soon == '90' %}
                      active
                  {% endif %}"
           href="{% url 'ietf.cookies.views.expires_soon' days=90 %}">
            90 days
        </a>
    </p>
    <h2 class="mt-4">Show full document text by default?</h2>
    <p>
        Show the full text immediately on the document page instead of only showing beginning of it. This defaults to {{ defaults.full_draft }}.
    </p>
    <p class="btn-group d-flex">
        <a class="btn btn-outline-primary
                  {% if full_draft == 'off' %}
                      active
                  {% endif %}"
           href="{% url 'ietf.cookies.views.full_draft' enabled='off' %}">
            Off
        </a>
        <a class="btn btn-outline-primary
                  {% if full_draft ==  'on' %}
                      active
                  {% endif %}"
           href="{% url 'ietf.cookies.views.full_draft' enabled='on' %}">
            On
        </a>
    </p>
    <h2 class="mt-4">Show the left-hand menu?</h2>
    <p>
        Show the left-hand menu on all regular pages? This defaults to {{ defaults.left_menu }}.
    </p>
    <p class="btn-group d-flex">
        <a class="btn btn-outline-primary
                  {% if left_menu == 'off' %}
                      active
                  {% endif %}"
           href="{% url 'ietf.cookies.views.left_menu' enabled='off' %}">
            Off
        </a>
        <a class="btn btn-outline-primary
                  {% if left_menu ==  'on' %}
                      active
                  {% endif %}"
           href="{% url 'ietf.cookies.views.left_menu' enabled='on' %}">
            On
        </a>
    </p>


    <h2 class="mt-4">Which color mode should be used?</h2>
    <p>
        Use a light, dark or automatic (as indicated by OS) color mode.
    </p>
    <p class="btn-group d-flex" id="bd-theme">

        <a class="btn btn-outline-primary" data-bs-theme-value="light">
          <i class="theme-icon bi bi-brightness-high-fill"></i> Light
        </a>

        <a class="btn btn-outline-primary" data-bs-theme-value="dark">
          <i class="theme-icon bi bi-moon-stars-fill"></i> Dark
        </a>

        <a class="btn btn-outline-primary" data-bs-theme-value="auto">
          <i class="theme-icon bi bi-circle-half"></i> Auto
        </a>
    </p>
{% endblock %}